<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>

<html>
<head>
<title>Spring MVC Exception</title>
<script type="text/javascript">
	function ajaxTestException()
  	{
  		$.ajax( {
			type : 'GET',
			url : '${basePath}/josonException.html',   
			async: false,//禁止ajax的异步操作，使之顺序执行。
			dataType : 'json',
			success : function(data,textStatus){
				alert(JSON.stringify(data));
			},
			error : function(data,textstatus){
				alert(data.responseText);
			}
		});
  	}
  	function ajaxTestMap()
  	{
  		$.ajax( {
			type : 'GET',
			url : '${basePath}/josonMap.html',   
			async: false,//禁止ajax的异步操作，使之顺序执行。
			dataType : 'json',
			success : function(data,textStatus){
				alert(JSON.stringify(data));
			},
			error : function(data,textstatus){
				alert(data.responseText);
			}
		});
  	}
  	function ajaxTestList()
  	{
  		$.ajax( {
			type : 'GET',
			url : '${basePath}/josonList.html',   
			async: false,//禁止ajax的异步操作，使之顺序执行。
			dataType : 'json',
			success : function(data,textStatus){
				alert(JSON.stringify(data));
			},
			error : function(data,textstatus){
				alert(data.responseText);
			}
		});
  	}
  	
  	function ajaxTestObject()
  	{
  		$.ajax( {
			type : 'GET',
			url : '${basePath}/josonObject.html',   
			async: false,//禁止ajax的异步操作，使之顺序执行。
			dataType : 'json',
			success : function(data,textStatus){
				alert(JSON.stringify(data));
			},
			error : function(data,textstatus){
				alert(data.responseText);
			}
		});
  	}
</script>
</head>
<body>
	<table>
	  <tr>
	  	 <td style="height:72px;">
	          <div>
            	<input type=button value="Ajax Exception Test" onclick="ajaxTestException();"></input>
           	 </div>
	      </td>
	      	 <td style="height:72px;">
	          <div>
            	<input type=button value="Ajax Map Test" onclick="ajaxTestMap();"></input>
           	 </div>
	      </td>
	      	 <td style="height:72px;">
	          <div>
            	<input type=button value="Ajax List Test" onclick="ajaxTestList();"></input>
           	 </div>
	      </td>
	      	 <td style="height:72px;">
	          <div>
            	<input type=button value="Ajax Object Test" onclick="ajaxTestObject();"></input>
           	 </div>
	      </td>
	  </tr>
	</table>
</body>
</html>
